// component/tabHead/tabHead.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    tabBar:{
      type:Object,
      value:{}
    },
    current_tab: {
      type: Number,
      value: 0
    }, // 当前tab
  },

  /**
   * 组件的初始数据
   */
  data: {
    width:0, // 每个tab的宽度
    tValue:0,
  },

// 在组件完全初始化完毕、进入页面节点树后， attached 生命周期被触发
  attached: function () {
    let tabBar = this.data.tabBar,
    len = tabBar.length
    if (len) {  // 计算 每个 tab 宽度
      let width = 100 / len
      this.setData({
        width,
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 切换tab
    switchTabBar(e){
      let index = e.currentTarget.dataset.index;
      this.setData({
        current_tab:index,
        tValue:index*100
      })
      let myEventDetail = {
          value:index
      };
      this.triggerEvent("switchTabBar", myEventDetail);
    }

  }
})
